<template>
	<view class="suspend">
		<view class="title">
			<view class="left">
					排钟时刻表
			</view>
			<view class="right">
					刷新
			</view>
		</view>
		<view class="table">
			<thead>
				<tr>
					<th>技师工号</th>
					<th>技师姓名</th>
					<!-- <th>当前状态</th> -->
					<th>排序</th>
					<th>备注</th>
				</tr>
			</thead>
			<tbody>
				<tr v-for="(item, index) in tableData" :key="index">
					<th>{{ item.jobNumber }}</th>
					<th>{{ item.name }}</th>
					<!-- <th>{{ item.type }}</th> -->
					<th>{{ item.sort }}</th>
					<th>无</th>
				</tr>
			</tbody>
		</view>

	</view>
</template>

<script>
	import {
		gettechnicianList
	} from '@/api/system/work'
	export default {
		data() {
			return {
				timeItem: '',
				shopVisible: false,
				timeList: ['20分钟', '40分钟', '60分钟', '100分钟'],
				tableData: [
					// {
					// 	id: 1,
					// 	name: '123',
					// 	type: '123',
					// 	number:1,
					// 	remark: '123',
						
					// },
					// {
					// 	id: 2,
					// 	name: '456',
					// 	type: '456',
					// 	number:1,
					// 	remark: '456'
					// },
					// 添加更多表格数据
				],
				pickerForm: {},
				ruleForm: {}
			}
		},
		created() {
				this.gettechnicianList()
		},
		methods: {
		gettechnicianList(){
			const userId = uni.getStorageSync('userId');
			gettechnicianList({userId:userId}).then(res=>{
				this.tableData=res.data
			})
		}
		}
	}
</script>

<style lang="scss" scoped>
	.suspend {
		.title {
			display: flex;
			justify-content: space-between;
			line-height: 108rpx;
			.left{
				font-size: 50rpx;
				font-weight: 500;
				color: #000000;
			}
			.right{
				color: #C27E15;
			}
			// margin: 43rpx 0;
		}

		.table {
			color: #000000;
			background-color: #fff;
			padding: 16rpx;
			border-radius: 16rpx;
			font-size:30rpx ;
			tr {
				display: flex;
				justify-content: space-around;
				th{
					width: 25%;
					height: 50rpx;
					text-align: center;
				}
			}
		}
	}
</style>